
@mixin px2rem($name, $px) {
    #{$name}: $px / 75 * 1rem;
}
.boxFlex {
    display: -webkit-box;
    display: flex;
}
.sy-header {
    @extend .boxFlex; //  height: 70px;
    @include px2rem(height,70);
    //font-size: 36px;
    @include px2rem(font-size,36);
    color: white;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#f30000,#aa0000);
};
.swiper-container {
    position: relative;
    .swiper-pagination {
        position: absolute;
        bottom: 8px;
        left: 50%;
        margin-left: -38px;
    }
    .swiper-pagination-bullet {
        background: red;
        font-size: 20px;
        margin-left: 0.5em;
    }
}
.swiper-slide img {
    display: block;
    width: 100%;
}
.sy-section {
         margin-bottom: 100px;
        .tishi {
        @include px2rem(height,50);
        color: #595959;
        @include px2rem(font-size,34);
        padding-left: 1em;
        @include px2rem(line-height,50);
        background: linear-gradient(#d5d3d4,#98979c);
    }
}
.banner {
    @extend .boxFlex;
    @include px2rem(height,130);
    border-bottom: 1px solid #ccc;
    align-items: center;
    @include px2rem(font-size,32);
    li:nth-child(1) {
        @include px2rem(padding-left,12);
        width: 27%;
        img {
            width: 100%;
            margin: 0 auto;
        }
        &.tuyang {
            img {
                width: 70%;
            }
        }
    }
    li:nth-child(2) {
        width: 100%;
        @extend .boxFlex;
        align-items: center;
        justify-content: space-between;
        margin-left: 1em;
        padding-right: 10px;
        div {
            &.zhefu {
                width: 70%;
                @extend .boxFlex;
                align-items: center;
                justify-content: space-between;
                p {
                     @include px2rem(line-height,42);
                    span {
                        &:nth-child(1){
                            font-weight: 800;
                        }
                        display: block;
                    }
                }
                .zhe {
                    @include px2rem(height,42);
                    @include px2rem(line-height,42);
                    @include px2rem(width,86);
                    @include px2rem(border-radius,8);
                    background: #e20000;
                    color: #FFFFFF;
                }
            }
            img {
                @include px2rem(margin-left,80);
                @include px2rem(height,45);
            }
        }
    }
}
.gduopB {
    width: 100%;
    .gduop {
        display: block;
        @include px2rem(border-radius,10);
        @include px2rem(height,74);
        @include px2rem(width,320);
        @include px2rem(font-size,36);
        margin: 20px auto;
        font-weight: 800;
        background: linear-gradient(#f1f1f1,#a5a4a9);
    }
}
